<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        div {
            width: 80%;
            margin: 0 auto;
        }

        h3 {
            text-align: center;
        }

        table, tr, td, th {
            text-align: center;
            border: 1px solid gray;
            border-collapse: collapse;
        }

        table {
            width: 100%;
        }

        tr:nth-child(2n) {
            background-color: rgba(88, 73, 65, 0.18);
        }

        tr:hover {
            background-color: rgb(255, 235, 149);
        }

        #tt {
            text-align: right;
            padding-right: 20px;
        }
         .myButton {
        box-shadow:inset 0px 1px 0px 0px #fff6af;
        background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
        background-color:#ffec64;
        border-radius:6px;
        border:1px solid #ffaa22;
        display:inline-block;
        cursor:pointer;
        color:#333333;
        font-family:Arial;
        font-size:15px;
        font-weight:bold;
        padding:6px 24px;
        text-decoration:none;
        text-shadow:0px 1px 0px #ffee66;}

    .myButton:hover {
        background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
        background-color:#ffab23;
    }

    .myButton:active {
        position:relative;
        top:1px;
    }




</style>
<form method="post" action="/apollo/checkpoint">
    <!--增加主线关数-->
    <h3>成语摇钱树</h3>
    <div>
    <table border="2px">
        <td>
            <p>玩家token:</p>
        </td>
        <td>
            <textarea type="text" class="query" name="x_dog_token2" id="x_dog_token2" value="" style="width:300px;height:40px; font-size: 16px;">{{x_dog_token2}}</textarea>
        </td>
        <td>
            <p>你想要到达的主线关数：</p>
        </td>
        <td>
            <textarea type="text" class="query" name="checkpoint" id="checkpoint" value="" style="width:300px;height:40px; font-size: 16px;">{{checkpoint}}</textarea>
        </td>
        <td>
            <input type="submit" value="确定" class="myButton">
        </td>
         <td>
            <p> 处理后结果为： </p>
        </td>
        <td>
            <p style= "width: 300px; height: 40px">{{checkpoint_text}}</p>
<!--            <div type="text" class="result" name="res_text" id="res_text" value="" style="width:300px;height:40px;overflow-y:auto;border-style:solid; border-width:1px; border-color:#000">{{res_text}}</div>-->
        </td>


    </table>
</div>
</form>

</html>
